$nav-inner-bottom: 0.875rem
.navbar-container
    background-image: url(/assets/image/banner.png), linear-gradient(90deg, #FFF6E6 0%, #FEF6E7 100%)
    background-position: bottom right
    background-size: auto 100%
    background-repeat: no-repeat
    box-shadow: 3px 4px 8px 4px rgba(92,92,92,0.08)
    display: flex
    flex-direction: row !important
    position: sticky
    top: 0
    z-index: 1000
    
    .nav-head
        margin-top: 1.75rem
        margin-bottom: $nav-inner-bottom
        margin-left: 2rem
        margin-right: 2rem

    .navbar-title
        margin-bottom: 0.75rem

    .nav-head + .navbar-tab
        margin-left: 2.25rem


.navbar-tab
    display: flex

.navbar-ul
    flex-direction: row !important
    display: flex
    list-style: none
    margin-bottom: 0

    > .navbar-item
        align-self: flex-end
        margin-bottom: $nav-inner-bottom

    &-link
        /* font-family: PingFangSC-Semibold */
        font-size: 16px
        color: #000000

        &.active,
        &:hover,
        &:focus,
            color: #000000
            text-decoration: none
            // background-color: transparent

        &.active
            font-weight: 800